<style>
.fe-floatright-bottom a {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 100%;
    background-color: #ff9999;
    color: #fff;
    line-height: 0.7rem;
	font-size:0.45rem;
    margin: 0.5rem auto;
    margin-right: 0;
}
.fe-floatright-bottom a .icon {
    color: #fff;
    font-size: 0.6rem;
    height: 0.6rem;
	line-height: 1rem;
    opacity: 1;
}
.yellow {color:#f58220}
.fui-cell-group .fui-cell:before {
	content: " ";
	position: absolute;
	left: 0.5rem;
	right: 0.5rem;
	top: -1px;
	height: 1px;
	border-top: 0 solid #ebebeb;
	color: #D9D9D9;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	transform: scaleY(0.5);
}
.fui-cell-group .sm {
    padding:0.2rem 0
}
.fui-navbar .cartbtn {padding-right:0.3rem;background:#fff;opacity:1}
.fui-navbar .buybtn  {padding-left:0.3rem;background:#fff}
.fee-tag-nav, .fee-tagup-nav, .fee-disabled-nav {border-radius:1rem;height:2rem;line-height:1.95rem;color:#fff;width:100%;font-weight:400;font-size:0.7rem;margin:0.2rem 0;padding:0 0.2rem}
.fee-tagup {background:{{main.syscolor || 'red'}};color:#fff;width:auto;font-weight:400;font-size:0.55rem}
.fee-tag-nav {background:{{main.syscolor || 'red'}}; opacity: 0.58;}
.fee-tagup-nav {background:{{main.syscolor || 'red'}};}
.fui-cell-group .fui-cell:before {
	border-bottom: 0 solid #ebebeb;
}
</style>
<div class="fui-page">
	<div style="width:100%;height:9rem;background: linear-gradient(#FF4444, #fff);padding-top:0.3rem;">
			<div class="fui-cell-group" style="margin-top:0;background:none;">
			<div class="fui-cell" style="background:none;padding:0 0.5rem">
				<div class="fui-cell-label" style="width:auto;color:#fff;margin-top:-0.6rem">
					<div class="c" style="background:rgba(0, 0, 0, 0.3);border-radius:0.5rem;width:1.5rem">
						<i href="javascript:;" ng-click="goback();" class="icon icon-back" style="font-size:1rem"></i>
					</div>
				</div>
				<div class="fui-cell-info"></div>
				<div class="fui-cell-remark noremark" style="color:#fff;font-size:0.6rem;margin-right:0">
					<div class="fui-icon c">
							<div class="fui-tag" style="padding:0.2rem" >
								<div style="background:rgba(0, 0, 0, 0.3);border-radius:0.5rem">
								<i href="javascript:;" onclick="$('#showsharecover').modal();" class="icon icon-fenxiang2" style="font-size:0.8rem"></i>
								</div>
								<div>分享</div>
							</div>
							<div class="fui-tag" style="padding:0.2rem" >
								<div style="background:rgba(0, 0, 0, 0.3);border-radius:0.5rem">
								<i href="javascript:;" ng-click="access_json('jy_storeping/store.detail//id='+pagedata.store.id);" class="icon icon-icon-test" style="font-size:0.8rem"></i>
								</div>
								<div>更多</div>
							</div>
					</div>
				</div>
			</div>
			</div>
	</div>
	<div class="fui-content" style="padding:0.5rem;top:0;padding-bottom:3.5rem">
		<div class="fui-cell-group" style="background:#fff;margin-top:-6.6rem;padding:0.5rem;border-radius:0.5rem">
					<div class="title bold" style="width:100%;font-size:1rem">{{pagedata.store.title || '平台自营'}}</div>
					<div class="fui-cell sm">
						<div class="fui-cell-info">
							<i ng-class="{'icon icon-shoucang-tianchong':1, 'yellow':pagedata.store.star>=1}" style="font-size:0.7rem"></i>
							<i ng-class="{'icon icon-shoucang-tianchong':1, 'yellow':pagedata.store.star>=2}" style="font-size:0.7rem"></i>
							<i ng-class="{'icon icon-shoucang-tianchong':1, 'yellow':pagedata.store.star>=3}" style="font-size:0.7rem"></i>
							<i ng-class="{'icon icon-shoucang-tianchong':1, 'yellow':pagedata.store.star>=4}" style="font-size:0.7rem"></i>
							<i ng-class="{'icon icon-shoucang-tianchong':1, 'yellow':pagedata.store.star>=5}" style="font-size:0.7rem"></i>
							{{pagedata.store.star || '5.0'}}
							<span style="margin-left:0.2rem"> 销量 {{pagedata.store.salenum || 0}}</span>
						</div>
						<div class="fui-cell-remark">
							{{pagedata.store.pingjianum || '0'}}评价
						</div>
					</div>
					<div ng-if="pagedata.store.hdps.length>0" style="width:100%;border-radius:0.5rem;height:auto;">
						<div id="carousel-container" class="carousel slide"  style="border-radius:0.5rem" data-role="carousel" data-param-auto="true">
								<div class="carousel-inner" role="listbox" style="height:auto">
									<div ng-class="{'item':1,'active':$index==0}" ng-repeat="item in pagedata.store.hdps" style="height:auto">
										<a href="javascript:;" ng-click="access_json(item.url)">
											<img ng-src="{{tomedia(item.image) || '../core/resource/images/banner-1.jpg'}}" style="display: block; width: 100%; height: 100%;border-radius:0.5rem">
										</a>
									</div>
								</div>
								<style>
										.fui-swipe-page .fui-swipe-bullet {background: {background}; opacity: {opacity};}
										.fui-swipe-page .fui-swipe-bullet.active {opacity: 1;}
								</style>
								<div id="carousel-jinyun" class="fui-swipe-page" style="padding: 0 5px; bottom: 10px; ">
									<div class="fui-swipe-bullet" ng-repeat="item in pagedata.store.hdps" ng-class="{'active':$index==0}" data-target="#carousel-container" data-slide-to="{{$index}}"></div>
								</div>
						</div>
					</div>
					<div class="fui-cell sm">
						<div class="fui-cell-label">
							门店地址：
						</div>
						<div class="fui-cell-text">
							{{pagedata.store.address || '暂无店铺地址'}}
						</div>
					</div>
		</div>
		 <div class="fui-tab-scroll">
				<div ng-class="{'item':1,'on':pagedata.showlist=='goods'}" style="margin-right:1.5rem"><a href="javascript:;" ng-click="pagedata.showlist='goods';">商品</a></div>
				<div ng-class="{'item':1,'on':pagedata.showlist=='pingjia'}" style="margin-right:1.5rem"><a href="javascript:;" ng-click="pagedata.showlist='pingjia';">评价 <span class="subtitle">{{pagedata.store.commentsnum || 0}}</span></a></div>
				<div ng-class="{'item':1,'on':pagedata.showlist=='merch'}" style="position: relative;padding-right:1rem;"><a href="javascript:;" ng-click="pagedata.showlist='merch';">门店</a> <span class="dot" style="top:0.2rem;background:#ffa000">故事</span></div>
		</div>
		<div ng-if="pagedata.showlist=='goods'" style="padding-top:0.5rem;padding-left:0.5rem">
			<div style="overflow-x:scroll;white-space:nowrap;height:1.4rem">
				<span ng-class="{'jylabel jylabel-red-0':1,'active':pagedata.params.pid == 0}" ng-click="pagedata.params.pid=0;tool.get_list('jy_storeping/pingtuan/getlist/order=ishot',true)" style="margin-right:0.3rem;border-radius: 1rem;">推荐</span>
				<span ng-repeat="tab in pagedata.category" ng-class="{'jylabel jylabel-red-0':1,'active':pagedata.params.pid == tab.id}" ng-click="pagedata.params.pid=tab.id;pagedata.params.cid=0;pagedata.groupkey=$index;tool.get_list('jy_storeping/pingtuan/getlist/pcate='+tab.id,true)" style="margin-right:0.3rem;border-radius: 1rem;">{{tab.title}}</span>
			</div>
		</div>
		<div ng-if="pagedata.showlist=='goods'" class="radius" style="margin-top:-0.5rem" ng-include="sys_html('_pinggoods')"></div>
		<div ng-if="pagedata.showlist=='pingjia'" ng-include="sys_html('store/_pingjia','','','jy_weishop')"></div>
		<div ng-if="pagedata.showlist=='merch'" ng-include="sys_html('store/_storeinfo','','','jy_weishop')"></div>
	</div>
</div>
<div class="fui-navbar" style="height:2.8rem">
	<a class="nav-item favorite-item" href="javascript:;" ng-click="pagedata.openLocation(pagedata.store);">
        <span class="icon icon-ditu"></span>
        <span class="label">导航</span>
    </a>
	<a class="nav-item favorite-item" href="tel:{{pagedata.store.tel || pagedata.store.mobile}}">
        <span class="icon icon-phone"></span>
        <span class="label">电话</span>
    </a>
	<a class="nav-item btn buybtn" href="javascript:" ng-click="access_json('jy_storeping/myteam/');">
		<div class="fee-tagup-nav">
			我的拼团
		</div>
	</a>
</div>
<div ng-include="sys_html('common/_share','','','jy_weishop')"></div>
<script>
	$('.fui-tab').click(function(e){
        var e = e||window.event;
        var a = $(this).find("a");
        for(var i = 0; i<a.length;i++){
            $(a[i]).removeClass("active")
        }
        $(e.target).addClass('active');
    })
</script>
<script>
scope.pagedata.openLocation=function(item){
	wx.openLocation({
	latitude: item.lat_lng.lat, // 纬度，浮点数，范围为90 ~ -90
	longitude: item.lat_lng.lng, // 经度，浮点数，范围为180 ~ -180。
		name: item.province+item.city+item.district, // 位置名
		address: item.address2, // 地址详情说明
		scale: 20, // 地图缩放级别,整形值,范围从1~28。默认为最大
		infoUrl: '', // 在查看位置界面底部显示的超链接,可点击跳转
		success:function(){
			//alert(1111);
		}
	});
}
	require(['bootstrap', 'hammer'], function($, Hammer){
		$('#carousel-container').carousel();
		var mc = new Hammer($('#carousel-container').get(0));
		mc.on("panleft", function(ev) {
			$('#carousel-container').carousel('next');
		});
		mc.on("panright", function(ev) {
			$('#carousel-container').carousel('prev');
		});
	});
</script>
</div>
</div>